@charset "UTF-8";


.index .product {padding-bottom: 50px;background: #f2f2f2;}
.index .product .in_title {padding-bottom: 40px;}
.index .product .tab {padding-bottom: 40px;text-align: center;}
.index .product .tab a {position: relative;display: inline-block;font-size: 16px;line-height: 38px;text-align: center;padding: 0 18px;margin: 0 10px;border: 1px solid #e3e3e3;background: #fff;transition: all .5s;}
.index .product .tab a:hover {color: #fff;border-color: #1abc9e;background: #1abc9e;}
.index .product ul li {float: left;width: 25%;width: -moz-calc(25% - 20px);width: -webkit-calc(25% - 20px);width: calc(25% - 20px);margin:0 10px;margin-bottom: 20px;background: #fff;text-align: center;transition: all .5s;}
.index .product ul li .img {width: 100%;width: -moz-calc(100% - 20px);width: -webkit-calc(100% - 20px);width: calc(100% - 20px); padding-top: 75%;position: relative;overflow: hidden;}
.index .product ul li .img .bg {position: absolute;left: 0;top: 0;width: 100%;z-index: 2;height: 100%;background-size: cover;}
.index .product ul li .img .bg .txt {position: absolute;right: 12px;bottom: 0;width: 250px;height: 48px;padding-top: 5px;padding-left: 13px;text-align: left;color: #5d4710;line-height: 18px;box-sizing: border-box;}
.index .product ul li .img .bg .txt p {}
.index .product ul li .img .bg .txt span {display: block;font-weight: bold;}
.index .product ul li .img img {width: 100%;height: 100%;position: absolute;left: 0;top: 0;min-height: 100%;display: block;transition: all .5s;}
.index .product ul li .tit p {color: #333;font-size: 20px;line-height: 64px;border-bottom: 1px solid #eee;padding: 0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .5s;}
.index .product ul li .tit span {display: block;line-height: 50px;transition: all .5s;}
.index .product ul li:hover .img img {transform: scale(1.1);}
.index .product ul li:hover {box-shadow: 0px 0px 20px #aaa;}
.index .product .more {margin-top: 35px;}
.index .product .more a {display: block;margin: auto;width: 250px;background: #fff;border: 1px solid #ccc;text-align: center;line-height: 48px;}
.index .product .more a:hover {color: #fff;background: #1abc9e;border-color: #1abc9e;}

.index .product{ margin-top: 0;}
.index .product .tab a{ font-size: 18px;}
.index .product .tab a:hover, .index .product .tab a:first-child{ background: #fff; color: #9e1d2a; border-color:#9e1d2a;/* font-weight: bold;*/}
.index .product ul li .img{width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: calc(100% - 20px); margin: 10px 10px 0 10px;}
.index .product ul li .tit span{ font-size: 16px; color: #9e1d2a;}
.index .product .more a{ font-size: 18px; color:#9e1d2a; border-color: #dbdbdb; }
.index .product .more a:hover{color: #fff; background: #9e1d2a; border-color: #9e1d2a;}
@media (max-width: 1600px) {

}



.index .abouts{}	
.index .abouts .w1600{ display: table; margin-bottom: 70px;}
.index .abouts .dleft, .index .abouts .dright{ width: 50%; display: table-cell;  vertical-align: top;}
.index .abouts .dleft{ vertical-align: middle;}
.index .abouts .dleft .pic img{ width: 100%; vertical-align: middle;}	

.index .abouts .dright .aboutus{ padding-left: 50px;}	
.index .abouts .dright .aboutus .mt{ margin-bottom: 20px;}	
.index .abouts .dright .aboutus .mt h3{ font-size: 34px; font-weight: bold; line-height: 110px; letter-spacing: 2px; color: #4d4d4d;}
.index .abouts .dright .aboutus .mc{ margin-bottom: 40px;}	
.index .abouts .dright .aboutus .mc p{ font-size: 16px; color: #4d4d4d; line-height: 27px; text-indent: 2em;}
.index .abouts .dright .aboutus .exta{ margin-bottom: 40px;}	
.index .abouts .dright .aboutus .exta a{ display: block; width: 136px; height: 40px; line-height:38px; text-align: center; color: #9e1d2a; font-size: 14px; border: 1px solid #dbdbdb;  -webkit-transition:all .3s ease; transition:all .3s ease;}	
.index .abouts .dright .aboutus .exta a:hover{ color: #fff; background: #9e1d2a; border-color:#9e1d2a }	
	
.index .abouts .f-cb{ display: flex; justify-content: center;}
.index .abouts .cshu{ background:#fff; margin-top:30px; box-shadow:0px 0px 5px 0px #ddd; padding:37px 3%;}
.index .abouts .cshu li{ float:left; width: 20%; text-align: center; box-sizing:border-box; border-left: 1px solid #dedede; position: relative; z-index: 1; }
.index .abouts .cshu li:first-child{ border: none;}	
.index .abouts .cshu li img{ display:inline-block; vertical-align: middle;}	

.index .abouts .about-num{ background:#fff; margin-top:30px; box-shadow:0px 0px 5px 0px #ddd; padding:20px 1%; overflow:hidden;}
.index .abouts .about-num li{  width: 25%; position:relative; margin-bottom:15px; margin-top:15px; border-left:1px solid #ccc; text-align: center; padding: 0 10px;}
.index .abouts .about-num li:first-child{ border: none;}	
.index .abouts .about-num li:first-child:before{ display: none;}		
.index .abouts .about-num li:before { content:''; position:absolute; left:-1px; top:0; width: 3px; height:30%;background: #9e1d2a; z-index:1;}
.index .abouts .about-num li h2 { font-family:'Alternate Gothic', sans-serif !important; font-size:34px; color:#333; line-height:40px; font-weight:bold; display:inline-block;}
.index .abouts .about-num li p {color:#808080; font-size:16px; line-height:20px;}
.index .abouts .about-num .count-unit { font-size:16px; color:#9e1d2a; text-align:right; display:inline-block; font-style:normal;}
.index .abouts .about-num li .bot p { font-size:15px; color:#666; line-height:24px;}

@media only screen and (max-width: 1440px) { 
	
	.index .abouts .dright .aboutus .mt h3{ line-height: 90px;}
	.index .abouts .about-num{ padding: 10px 1%;}
	.index .abouts .dright .aboutus .mc{ margin-bottom: 20px;}
	.index .abouts .dright .aboutus .exta{ margin-bottom: 0;}
	.index .abouts .about-num{ margin-top: 24px;}
	.index .abouts .about-num li p{ font-size: 14px;}
	
	
}




.index .application{ background:#ededed; margin-bottom: 50px;}
.index .application ul li {float: left;width: 25%;width: -moz-calc(25% - 20px);width: -webkit-calc(25% - 20px);width: calc(25% - 20px);margin:0 10px;margin-bottom: 15px;cursor: pointer;}
.index .application ul li .img {width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
.index .application ul li .img img {width: 100%;height: 100%;position: absolute;left: 0;top: 0;min-height: 100%;display: block;transition: all .5s;}
.index .application ul li .img h3 {position: absolute;bottom: 0;width: 100%;color: #fff;font-size: 20px;line-height: 50px;background: rgba(0,0,0,.5);padding: 0 10px;box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;}
.index .application ul li:hover .img img {transform: scale(1.1);}

.index .application ul li .tit{ height:66px; line-height:66px; text-align: center; background: #c7c7c7;}
.index .application ul li .tit h3{ color: #333; font-size: 20px; font-weight: bold;}

@media (max-width: 1600px) {
	.index .application ul li {}
	.index .application ul li .img h3 {font-size: 16px;line-height: 40px;}
}


.index .partner{ background: url("../img/partner_bg.jpg")  no-repeat center; background-attachment: fixed; height: 845px;}
.index .partner .pic{ text-align: center;}
.index .partner .pic img{ width: 100%;}

.index .news {background: #f2f2f2;padding-bottom: 70px;}
.index .news .in_title {padding-bottom: 30px;}
.index .news .hd {padding-bottom: 40px;text-align: center;}
.index .news .hd li { position: relative;display: inline-block; font-size: 16px; line-height: 38px; text-align: center; padding: 0 50px; margin: 0 10px; border: 1px solid #e3e3e3; background: #fff; transition: all .5s;}
.index .news .hd li a {display: block;}
.index .news .hd li.on {border-color: #9e1d2a;	}
.index .news .hd li.on a {color: #9e1d2a;}
.index .news .bd {}
.index .news .bd ul {display: none;}
.index .news .bd li {float: left;width: 25%;width: -moz-calc(25% - 20px);width: -webkit-calc(25% - 20px);width: calc(25% - 20px);margin:0 10px;padding: 20px;background: #fff;box-sizing: border-box;transition: all .5s;}
.index .news .bd li:nth-child(4n) {margin-right: 0;}
.index .news .bd li h3 {position: absolute;bottom: 0;width: 100%;color: #fff;font-size: 16px;line-height: 40px;background: rgba(0,0,0,.5);padding: 0 10px;box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;}
.index .news .bd li .img {width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
.index .news .bd li .img img {width: 100%;height: 100%;position: absolute;left: 0;top: 0;min-height: 100%;display: block;transition: all .5s;}
.index .news .bd li i {color: #999;font-style: normal;display: block;padding-top: 15px;padding-bottom: 5px;}
.index .news .bd li p {display: block;color: #666;line-height: 24px;height: 48px;text-align: justify;overflow: hidden;}
.index .news .bd li span {display: block;color: #1abc9e;padding-top: 15px;}
.index .news .bd li:hover {box-shadow: 0px 0px 20px #bbb;}
.index .news .bd li:hover .img img {transform: scale(1.1);}

.index .news .bd li span{ font-size: 16px; color: #9e1d2a;}
@media (max-width: 1600px) {
	.index .news .bd li {}
	.index .news .bd li h3 {font-size: 14px;line-height: 35px;}
	.index .news .bd li i {padding-top: 7px;padding-bottom: 3px;}
	.index .news .bd li p {line-height: 22px;height: 46px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
	.index .news .bd li span {padding-top: 5px;}
}